<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="main">
        <div class="header">
            <h1>历史传承</h1>
            <p>中华优秀传统文化历史传承</p>
        </div>
        <div class="nav">
            <ul>
                <li class="d1"><a href="index.html">首页</a>
                    <ul class="submenu">
                        <li><a href="index.html#wenhua">文化</a></li>
                        <li><a href="index.html#yishu">工艺</a></li>
                        <li><a href="index.html#jieri">节日</a></li>
                    </ul>
                </li>
                <li class="d1"><a href="#">历史传承</a>
                    <ul class="submenu">
                        <li><a href="#culture">朝代文化</a></li>
                        <li><a href="#celebrities">文化名人</a></li>
                    </ul>
                </li>
                <li class="d1"><a href="thought.html">哲学思想</a>
                    <ul class="submenu">
                        <li><a href="thought.html#classics">经典著作</a></li>
                        <li><a href="thought.html#schools">诸子百家</a></li>
                        <li><a href="thought.html#wisdom">哲学智慧</a></li>
                    </ul>
                </li>
                <li class="d1"><a href="folk.html">民俗生活</a>
                    <ul class="submenu">
                        <li><a href="folk.html#food">传统美食</a></li>
                        <li><a href="folk.html#festivals">节庆习俗</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="container">
            <div class="section-title" id="culture">
                <h2>朝代文化</h2>
            </div>
            <div class="card">
                <div class="card-img">
                    <img src="img/011.jpg">
                </div>
                <div class="card-content">
                    <h3>汉代文化</h3>
                    <p>汉赋、乐府诗的文学成就，丝绸之路的开通，独尊儒术的思想格局，以及造纸术等四大发明的雏形，构成汉代文化的辉煌图景</p>
                </div>
            </div>
            <div class="card">
                <div class="card-img">
                    <img src="img/012.jpg">
                </div>
                <div class="card-content">
                    <h3>唐代文化</h3>
                    <p>诗歌巅峰（李白、杜甫等）、唐三彩工艺、敦煌莫高窟艺术、科举制度完善，以及开放包容的国际大都会长安，展现盛唐气象</p>
                </div>
            </div>
            <div class="card">
                <div class="card-img">
                    <img src="img/013.jpg">
                </div>
                <div class="card-content">
                    <h3>宋代文化</h3>
                    <p>宋词、文人画（苏轼、米芾）、活字印刷术（毕昇）、宋瓷（汝官哥钧定五大名窑），以及市民文化（勾栏瓦舍）的兴起</p>
                </div>
            </div>
            <div class="section-title" id="celebrities">
                <h2>文化名人</h2>
            </div>
            <div class="card"> 
                <div class="card-img">
                    <img src="img/014.jpg">
                </div>
                <div class="card-content">
                    <h3>孔子</h3>
                    <p>儒家学派创始人，修订《六经》，提出"仁""礼"思想，其言行被整理为《论语》，影响中国两千余年的文化核心人物</p>
                </div>
            </div>
            <div class="card">
                <div class="card-img">
                    <img src="img/015.jpg">
                </div>
                <div class="card-content">
                    <h3>杜甫</h3>
                    <p>现实主义诗人，被誉为"诗圣"，其诗作如《春望》《三吏三别》反映安史之乱史实，有"诗史"之称，代表唐诗最高成就之一</p>
                </div>
            </div>
            <div class="card">
                <div class="card-img">
                    <img src="img/016.jpg">
                </div>
                <div class="card-content">
                    <h3>苏轼</h3>
                    <p>宋代文学最高成就代表，诗词（《念奴娇·赤壁怀古》）、散文（唐宋八大家）、书法（宋四家）、绘画全能型文人，开创豪放派词风</p>
                </div>
            </div>
        </div>
        <div class="footer">
            <p>信安2407何沂蔚24120711版权所有</p>
        </div>
    </div>
</body>
</html>